
/* text */

.text-based-prop-sized, .text-based-prop-sized.dataGridCell {
    padding: 2px 3px;
}

/* action */


/* ------------ Colored corner triangles  ------------ */

.property-not-null, .property-has-change {
    position: relative;
}
.property-not-null::after, .property-has-change::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 5px 5px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.property-has-change::after {
    border-color: transparent transparent var(--focus-color) transparent;
}

.property-not-null::after {
    border-color: transparent transparent var(--not-null-corner-triangle-color) transparent;
}

.text-based-value-null.text-based-value-required {
    /*color: var(--required-value-string-color);*/
    position: relative;
}
.text-based-value-null.text-based-value-required::before { /* using ::before to do not conflict with triangles  */
    content: "";
    background: var(--not-null-line-color);
    height: 1px;
    bottom: 2px;
    right:0;
    left:0;
    margin: 0 0.3125rem;
    position:absolute;
}
